<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>组织结构管理页面</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<!-- 项目基准路径 -->
		<base href="/bestinc/" />

		<!-- 引入layui的css -->
		<link rel="stylesheet" href="static/lib/layui/css/layui.css" media="all">

		<!-- 引入自定义工具css -->
		<link rel="stylesheet" href="static/css/util.css" media="all">

		<!-- 引入jqeury -->
		<script src="static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

		<!-- 引入layui的js -->
		<script src="static/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>

		<!-- 引入资源js -->
		<script src="static/js/system/org/orgList.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--加了个div-->
		<div id="content">
			<!-- 头部搜索框 -->
			<div id="search-header">
				<form class="layui-form">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">组织名</label>
							<div class="layui-input-inline">
								<input type="text" name="orgName" placeholder="请输入组织名" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div id="parentNameInput" class="layui-inline">
							<label class="layui-form-label">父组织名</label>
							<div class="layui-input-inline">
								<select name="parentId" lay-filter="parentId" lay-search>
									<option value=""></option>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">组织类型名</label>
							<div class="layui-input-inline">
								<input type="text" name="subsetName" placeholder="请输入组织类型名" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">地址</label>
							<div class="layui-input-inline">
								<input type="text" name="orgLocation" placeholder="请输入地址" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">是否可用</label>
							<div class="layui-input-inline">
								<select name="useable">
									<option value=""></option>
									<option value="0">否</option>
									<option value="1">是</option>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label"></label>
							<div class="layui-input-inline">
								<button class="layui-btn my-bg-green" lay-submit="" lay-filter="searchBtn" id="searchBtn">
		            	<i class="layui-icon layui-icon-search"></i>
		            	查询
		            </button>
								<button class="layui-btn layui-bg-orange" type="reset">
		            	<i class="layui-icon layui-icon-refresh"></i>
		            	重置
		            </button>
							</div>
						</div>
					</div>
				</form>
			</div>

			<!-- 加了个div -->
			<div id="dataDiv">
				<!-- 数据表格 -->
				<table class="layui-hide" id="dataTable" lay-filter="dataTableEvent">

				</table>
			</div>

			<!-- 模态框 -->
			<div id="myModal" class="definedModal">
				<!-- 这里手动加表单样式 -->
				<form id="dataForm" lay-filter="dataForm" class="layui-form" action="">
					<input type="hidden" name="orgId" value="" />
					<input type="hidden" name="staffName" value="" />
					<input type="hidden" name="subsetName" value="" />
					<input type="hidden" name="parentName" value="" />
					<div class="layui-form-item">
						<label class="layui-form-label">组织结构名</label>
						<div class="layui-input-block">
							<input type="text" name="orgName" lay-verify="required" my-verify="orgName" placeholder="请输入资源名" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">父组织</label>
						<div class="layui-input-block">
							<select name="parentId" lay-filter="parentId" my-filter="parentId" id="parentId" lay-search>
								<option value=""></option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">组织类型</label>
						<div class="layui-input-block">
							<select name="subsetId" lay-filter="subsetId" my-verify="subsetId" id="subsetName" lay-search>
								<option value=""></option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">负责人</label>
						<div class="layui-input-block">
							<select name="staffId" lay-filter="staffId" my-filter="staffId" id="staffName" lay-search>
								<option value=""></option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">地址</label>
						<div class="layui-input-block">
							<input type="text" name="orgLocation" lay-verify="required" my-verify="orgLocation" placeholder="请输入地址" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">是否可用</label>
						<div class="layui-input-block">
							<select name="useable" lay-filter="aihao"  my-verify="useable" value="">
								<option value=""></option>
								<option value="0">否</option>
								<option value="1">是</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">描述</label>
						<div class="layui-input-block">
							<textarea name="description" placeholder="请输入内容" class="layui-textarea"></textarea>
						</div>
					</div>
					<!--<div class="layui-form-item">
						<div class="layui-input-block">
							<button type="submit" class="layui-btn  my-bg-green" lay-submit="" lay-filter="submitBtn" id="submitBtn">立即提交</button>
							<button type="button" class="layui-btn layui-bg-orange modalClose">关闭</button>
						</div>
					</div>-->
				</form>
			</div>

			<!-- 头部工具栏 -->
			<script type="text/html" id="myToolbar">
				<div class="layui-btn-group">
					<button lay-event="add" class="layui-btn layui-btn-sm layui-btn-primary" title="添加"><i class="layui-icon">&#xe654;</i>添加 </button>
					<button lay-event="update" class="layui-btn layui-btn-sm layui-btn-primary" title="修改"><i class="layui-icon">&#xe642</i>修改 </button>
					<button lay-event="remove" class="layui-btn layui-btn-sm layui-btn-primary" title="删除"><i class="layui-icon">&#xe640;</i>删除 </button>
					<button lay-event="disabled" class="layui-btn layui-btn-sm layui-btn-primary" title="禁用"><i class="layui-icon">&#xe702;</i>禁用 </button>
					<button lay-event="regain" class="layui-btn layui-btn-sm layui-btn-primary" title="恢复"><i class="layui-icon">&#xe666;</i>恢复 </button>
				</div>
			</script>

			<!-- 状态 -->
			<script type="text/html" id="checkboxTpl">
				<span {{d.useable==1? 'class="useable font-color font-size my-bg-green"': 'class="useable font-color font-size my-bg-red"'}}>{{d.useable==1?'可用':'禁用'}}</span>
			</script>
		</div>
	</body>

</html>